<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/anta.css">
    <link rel="stylesheet" href="../css/at.css">
    <link rel="stylesheet" href="../images/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
</head>

<body>
    <div id="top">
        <div class="banxin">
            <div class="l">
                <div class="tm">
                    <span class="iconfont icon-shouye"><a href="#">天猫首页</a></span>
                    <span>喵，欢迎来天猫</span>
                    <span><a href="02dengluye.html">请登录</a></span>
                    <span><a href="03zhuceye.html">免费注册</a></span>
                </div>
            </div>
            <div class="r">
                <ul class="taobao">
                    <li>
                        <a href="#">我的淘宝</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li>已买到的宝贝</li>
                            <li>已卖出的宝贝</li>
                        </ul>
                    </li>
                    <li>
                        <span class="iconfont icon-gouwuche
                        "></span>
                        <a href="07gouwuche.html">购物车</a>
                    </li>
                    <li>
                        <a href="#">收藏夹</a>
                        <span class="iconfont icon-arrow-down
                        "></span>&nbsp;&nbsp;&nbsp;<span>|</span>
                        <ul>
                            <li>收藏的宝贝</li>
                            <li>收藏的店铺</li>
                        </ul>

                    </li>
                    <li>
                        <span class="iconfont icon-shouji
                        "></span>
                        <a href="#">手机版</a>
                        <ul>
                            <li><img src="../images/ewm.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">淘宝网</a>
                    </li>

                    <li>
                        <a href="#">商家支持</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li><b>商家：</b></li>
                            <li><a href="#">商家中心</a></li>
                            <li><a href="#">商家入驻</a></li>
                            <li><a href="#">商家品控</a></li>
                            <li><a href="#">天猫智库</a></li>
                            <li><a href="#"><b>帮助：</b></a></li>
                            <li><a href="#">商家服务大厅</a></li>
                            <li><a href="#"></a>问商家</li><br>
                        </ul>
                    </li>

                    <li>
                        <span class="iconfont icon-daohang
                        "></span>
                        <a href="#">网站导航</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- --------------第二栏  搜索------------------------------------- -->
    <div id="sousuo">
        <div class="banxin">
            <div class="zuo">
                <div class="t">
                    <!-- 图片 -->
                    <div class="tp">
                        <img src="../images/tm.png">
                    </div>
                    <!-- 客服 -->
                    <div class="kf">
                        <b>安踏官方网站</b><br>
                        <img src="../images/kf.png" alt="">
                    </div>
                    <div class="wuliu">
                        <p>描述服务物流</p>
                        <p>4.8-4.8-4.8<span class="iconfont icon-jiantou1"></span></p>
                        <div class="wjiantou"><span class="iconfont icon-arrow-down
                        "></span></div>
                    </div>
                    <!-- 二维码 -->
                    <div class="erweima">
                        <p>手机逛</p>
                        <span class="iconfont icon-erweima
                        "></span>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <div class="ewm"></div>
                    </div>
                </div>
            </div>
            <div class="you">
                <input type="text" id="ssk" placeholder="  搜索 天猫 商品/品牌/店铺">
                <div class="stm"><a href="#">搜天猫</a></div>
                <div class="sbd"><a href="#">搜本店</a></div>
            </div>
        </div>
    </div>
    <div id="anta">
        <div class="banxin">
            <div class="logo"><a href="#"><img src="../images/logo_03.jpg" alt=""></a></div>
            <!-- 搜索框 -->
            <div class="suk">
                <input type="text" id="oIp">
                <a href="#">
                    <span class="iconfont icon-fangdajing"></span>
                </a>
            </div>
        </div>
    </div>
    <!--  导航栏  -->
    <div id="dhl">
        <div class="banxin">
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="06feileiye.html">所有分类</a></li>
                    <li>
                        <a href="04sousuoye.html">男子系列</a>
                        <ul>
                            <li>
                                <a href="#">鞋类</a>
                            </li>
                            <li><a href="#">跑步鞋</a></li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                            <li><a href="#">炙热</a></li>
                            <li><a href="#">霸道</a></li>
                        </ul>
                    <li>
                        <a href="#">女子系列</a>
                        <ul>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">卫衣</a></li>
                            <li><a href="#">运动套装</a></li>
                            <li><a href="#">运动长裤</a></li>
                            <li><a href="#">运动套装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">儿童系列</a>
                        <ul>
                            <li><a href="#">跑鞋/休闲鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">裤子</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">ANTA科技</a>
                    </li>
                    <li>
                        <a href="#">东奥国旗系列</a>
                        <ul>
                            <li><a href="#"><img src="../images/dah.png" alt=""></a></li>
                        </ul>
                    </li>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>

    <!-- 首页图 -->
    <div id="syt">
        <!-- <a href="#"><img src="../images/syt.jpg" alt=""></a> -->
    </div>

    <!-- 促销图 -->
    <div id="cxt">
        <div class="banxin">
            <div class="cuxiao">
                <img src="../images/111.png" alt="">
                <img src="../images/222.png" alt="">
            </div>
            <div class="cuxiao2">
                <img src="../images/333.png" alt="">
                <img src="../images/444.png" alt="">
                <img src="../images/555.png" alt="">
                <img src="../images/666.png" alt="">
            </div>

            <!-- 促销语句 -->
            <div class="ggc">
                <a href="#">
                    <h2>*安踏会员独享!解锁<span>1000元无门槛</span>的三种方式</h2>
                </a>
            </div>

            <!-- 专场图 -->
            <div class="zcc">
                <a href="#"> <img src="../images/zhuangchang_03.jpg" alt=""></a>
            </div>
        </div>
    </div>

    <!-- 商品图 -->
    <div id="spt">
        <div class="banxin">
            <a href="04sousuoye.html"><img src="../images/xz 1.jpg" alt=""></a>
            <a href="#"><img src="../images/xz2.jpg" alt=""></a>
            <a href="#"><img src="../images/xz7.jpg" alt=""></a>
            <a href="#"><img src="../images/xz8.jpg" alt=""></a>
            <a href="#"><img src="../images/xz9.jpg" alt=""></a>
            <a href="#"><img src="../images/xz10.jpg" alt=""></a>
            <a href="#"><img src="../images/xz11.jpg" alt=""></a>
            <a href="#"><img src="../images/xz12.jpg" alt=""></a>
            <a href="#"><img src="../images/xz13.jpg" alt=""></a>
            <a href="#"><img src="../images/xz14.jpg" alt=""></a>
            <a href="#"><img src="../images/xz15.jpg" alt=""></a>
            <a href="#"><img src="../images/xz16.jpg" alt=""></a>
            <a href="#"><img src="../images/xz18.jpg" alt=""></a>
            <a href="#"><img src="../images/xz19.jpg" alt=""></a>
            <a href="#"><img src="../images/xz17.jpg_q30.jpg" alt=""></a>

            <a href="#"><img src="../images/yf1.jpg" alt=""></a>
            <a href="#"><img src="../images/yf2.jpg" alt=""></a>
            <a href="#"><img src="../images/yf3.jpg" alt=""></a>
            <a href="#"><img src="../images/yf4.jpg" alt=""></a>
            <a href="#"><img src="../images/yf5.jpg" alt=""></a>
        </div>
    </div>

    <!-- 安踏科技 -->
    <div id="atkj">
        <div class="banxin">
            <p>joint Series</p>
            <h1>安踏精选科技<span class="iconfont icon-jiantou2"></span></h1>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="lbt">
        <div class="banxin">
            <div id="box">
                <div id="imgBox">
                    <img src="../images/lbt1.png">
                    <img src="../images/lbt2.png">
                    <img src="../images/lbt3.png">
                    <img src="../images/lbt5.png">
                    <img src="../images/lbt4.png">
                </div>
                <ul id="doudouBox">
                    <li>氮素科技</li>
                    <li>霸道系列</li>
                    <li>智能分子</li>
                    <li>动型科技</li>
                    <li>优可思</li>
                </ul>
            </div>
        </div>



        <!-- 安踏分类 -->
        <div id="atfl">
            <div class="banxin">
                <p>Store Category</p>
                <h1>运动分类导航<span class="iconfont icon-jiantou2"></span></h1>
            </div>
        </div>
        <!-- 安踏系列 -->
        <div id="atxl">
            <div class="banxin">
                <div class="xlt">
                    <div class="tp1">
                        <img src="../images/l4.jpg" alt="">
                        <div class="tp2">
                            男子<br>系列
                        </div>
                        <div class="tp3">鞋类</div>
                        <div class="tp4">服饰</div>
                        <div class="ydl">
                            <ul>
                                <li><a href="#">跑鞋</a></li>
                                <li><a href="#">板鞋</a></li>
                                <li><a href="#">休闲鞋</a></li>
                                <li><a href="#">篮球鞋</a></li>
                                <li><a href="#">凉鞋</a></li>
                                <li><a href="#">帆布鞋</a></li>
                            </ul>
                        </div>
                        <div class="ydl2">
                            <ul>
                                <li><a href="#">短T</a></li>
                                <li><a href="#">套头/连帽卫衣</a></li>
                                <li><a href="#">运动长裤</a></li>
                                <li><a href="#">外套/耐克</a></li>
                                <li><a href="#">运动套装</a></li>
                                <li><a href="#">健身服</a></li>
                                <li><a href="#">配件</a></li>
                                <li><a href="#">短裤</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="xlt">
                        <div class="tp1">
                            <img src="../images/zl01.png" alt="">
                            <div class="tp2">
                                女子<br>系列
                            </div>
                            <div class="tp3">鞋类</div>
                            <div class="tp4">服饰</div>
                            <div class="ydl3">
                                <ul>
                                    <li><a href="#">跑鞋</a></li>
                                    <li><a href="#">板鞋</a></li>
                                    <li><a href="#">休闲鞋</a></li>
                                    <li><a href="#">凉鞋</a></li>
                                    <li><a href="#">帆布鞋</a></li>
                                </ul>
                            </div>
                            <div class="ydl4">
                                <ul>
                                    <li><a href="#">短T</a></li>
                                    <li><a href="#">套头/连帽卫衣</a></li>
                                    <li><a href="#">运动长裤</a></li>
                                    <li><a href="#">外套/耐克</a></li>
                                    <li><a href="#">运动套装</a></li>
                                    <li><a href="#">健身服</a></li>
                                    <li><a href="#">配件</a></li>
                                    <li><a href="#">套头/连帽卫衣</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="xlt">
                            <div class="tp1">
                                <img src="../images/l2.jpg" alt="">
                                <div class="tp2">
                                    儿童<br>系列
                                </div>
                                <div class="tp3">中大童</div>
                                <div class="tp4">婴小童</div>

                                <div class="ydl5">
                                    <ul>
                                        <li><a href="#">跑鞋</a></li>
                                        <li><a href="#">套头/连帽卫衣</a></li>
                                        <li><a href="#">外套、休闲鞋</a></li>
                                        <li><a href="#">外套/耐克</a></li>
                                        <li><a href="#">运动裤</a></li>
                                        <li><a href="#">健身服</a></li>
                                        <li><a href="#">配件</a></li>
                                        <li><a href="#">套头/连帽卫衣</a></li>
                                        <li><a href="#">短袖T恤</a></li>
                                    </ul>
                                </div>
                                <div class="ydl6">
                                    <ul>
                                        <li><a href="#">跑鞋/休闲鞋</a></li>
                                        <li><a href="#">学步鞋/闪灯鞋</a></li>
                                        <li><a href="#">篮球鞋</a></li>
                                        <li><a href="#">卫衣/套头衫</a></li>
                                        <li><a href="#">运动鞋</a></li>
                                        <li><a href="#">套装</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 安踏热门系列 -->
        <div id="atrm">
            <div class="banxin">
                <p>Joint Series</p>
                <h1>安踏热门系列<span class="iconfont icon-jiantou2"></span></h1>
            </div>
        </div>
        <!-- 安踏运动图 -->
        <div id="atydt">
            <div class="banxin">
                <div class="pic">
                    <div class="pic1"> <a href="#"><img src="../images/ja1.png" alt=""></a></div>
                    <div class="pic2">
                        <p>动型科技</p>
                        <p>立即选购<span class="iconfont icon-jiantou2"></span></p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic1"><a href="#"></a>"><img src="../images/ja2.png" alt="" </a></div>
                    <div class="pic2">
                        <p>劲道纱</p>
                        <p>立即选购<span class="iconfont icon-jiantou2"></span></p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic1"> <a href="#"><img src="../images/ja3.png" alt=""></a></div>
                    <div class="pic2">
                        <p>C37 2.0</p>
                        <p>立即选购<span class="iconfont icon-jiantou2"></span></p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic1"> <a href="#"><img src="../images/ja4.png" alt=""></a></div>
                    <div class="pic2">
                        <p>霸道威风</p>
                        <p>立即选购<span class="iconfont icon-jiantou2"></span></p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic1"> <a href="#"><img src="../images/ja5.png" alt=""></a></div>
                    <div class="pic2">
                        <p>可口可乐C37</p>
                        <p>立即选购<span class="iconfont icon-jiantou2"></span></p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic1"> <a href="#"><img src="../images/ja6.png" alt=""></a></div>
                    <div class="pic2">
                        <p>要疯狂潮3</p>
                        <p>立即选购<span class="iconfont icon-jiantou2"></span></p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 安踏运动系列 -->
        <div id="atrm">
            <div class="banxin">
                <p>Anta keep moving</p>
                <h1>安踏运动系列<span class="iconfont icon-jiantou2"></span></h1>
            </div>
        </div>
        <!-- 征战球场 -->
        <div id="zzqc">
            <div class="banxin">
                <p>征战球场</p>
            </div>
        </div>
        <!-- 运动图 -->
        <div id="yongdt">
            <div class="banxin">
                <a href="#"><img src="../images/yong1.png" alt=""></a>
                <a href="#"><img src="../images/ydt011.png" alt=""></a>
                <a href="#"><img src="../images/yong2.png" alt=""></a>
            </div>
        </div>
        <!-- 明星代言 -->
        <div id="zzqc">
            <div class="banxin">
                <p>明星同款</p>
            </div>
        </div>
        <div id="mxt">
            <div class="banxin">
                <a href="#"> <img src="../images/dy01.png" alt=""></a>
                <a href="#"> <img src="../images/dy02.png" alt=""></a>
            </div>
        </div>
        <!-- 爱运动  有安踏-->
        <div id="zzqc">
            <div class="banxin">
                <p>爱运动 中国有安踏！</p>
            </div>
        </div>
        <div id="zhongguo">
            <div class="banxin">
                <img src="../images/dah.png" alt="">
            </div>
        </div>
        <!-- 客服 -->
        <div id="kefu">
            <div class="kf">
                <a href="#"><img src="../images/kf.png" alt=""></a>
                <p><a href="#">客服</a></p>
            </div>
        </div>

        <!-- 底部 -->
        <div id="foot">
            <div class="banxin">
                <div class="ttp">
                    <img src="../images/foot1.png" alt="">
                </div>
                <div class="zhongjian">
                    <p><b>Service</b></p>
                    <p>客服中心：01<span class="iconfont icon-kefu">02</span><span class="iconfont icon-kefu"></span>03<span
                            class="iconfont icon-kefu"></span></p>
                    <p>售后电话：40091800122</p>
                    <p>服务电话：09:00-22:00</p>
                </div>
                <div class="you">
                    <img src="../images/foot2.png" alt="">
                    <p>手机端店铺<span class="iconfont icon-jiantou2"></span></p>
                    <p>扫一扫更优惠</p>
                </div>
                <!-- 二维码 -->
                <div class="erwm">
                    <img src="../images/erweima.png" alt="">
                </div>
            </div>
            <!-- 旺铺 -->
            <div id="wp">
                <div class="banxin">
                    <a href="#"><img src="../images/wp.png" alt=""></a>
                    <p><a href="#">店铺设计：</a><span>rosw</span></p>
                </div>
            </div>

            <!-- 七天无理由 -->
            <div id="qtly">
                <div class="banxin">
                    <div class="zz">
                        <div class="s">
                            <a href="#">优</a>
                        </div>
                        <div class="sy">
                            <p><a href="#">品质保障</a></p>
                            <p><a href="#">品质护航 购物无忧</a></p>
                        </div>
                    </div>
                    <div class="zz">
                        <div class="s">
                            <a href="#">七</a>
                        </div>
                        <div class="sy">
                            <p><a href="#">七天无理由退换</a></p>
                            <p><a href="#">为你提供售后无忧保障</a></p>
                        </div>
                    </div>
                    <div class="zz">
                        <div class="s">
                            <a href="#">特</a>
                        </div>
                        <div class="sy">
                            <p><a href="#">特色服务体验</a></p>
                            <p><a href="#">为你呈现不一样的服务</a></p>
                        </div>
                    </div>
                    <div class="zz">
                        <div class="s">
                            <a href="#">帮</a>
                        </div>
                        <div class="sy">
                            <p><a href="#">帮助中心</a></p>
                            <p><a href="#">你的购物指南</a></p>
                        </div>
                    </div>

                </div>
            </div>

            <!-- 购物指南 -->
            <div id="gwzl">
                <div class="banxin">
                    <ul>
                        <li>
                            购物指南
                            <ul>
                                <li><a href="#">免费注册</a></li>
                                <li><a href="#">开通支付宝</a></li>
                                <li><a href="#">支付宝充值</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            天猫保障
                            <ul>
                                <li><a href="#">发票保障</a></li>
                                <li><a href="#">售后规则</a></li>
                                <li><a href="#">缺货赔付</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            支付方式
                            <ul>
                                <li><a href="#">快捷支付</a></li>
                                <li><a href="#">信用卡</a></li>
                                <li><a href="#">余额宝</a></li>
                                <li><a href="#">蚂蚁花呗</a></li>
                                <li><a href="#">货到付款</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            商家服务
                            <ul>
                                <li><a href="#">天猫规则</a></li>
                                <li><a href="#">商家入驻</a></li>
                                <li><a href="#">商家中心</a></li>
                                <li><a href="#">天猫智库</a></li>
                                <li><a href="#">物流服务</a></li>
                                <li><a href="#">喵言喵语</a></li>
                                <li><a href="#">运营服务</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            购物指南
                            <ul>
                                <li><a href="#"><img src="../images/erweima.png" alt=""></a></li>
                            </ul>
                        </li>
                    </ul>
                    <img src="../images/mm.png" alt="">
                </div>
            </div>


            <div id="bot">
                <div class="banxin">
                    <div class="ul1" style="height: 30PX;background-color: black;">
                        <ul>
                            <li><a href="#">关于天猫</a></li>
                            <li><a href="#">服务大厅</a></li>
                            <li><a href="#">开放平台</a></li>
                            <li><a href="#">诚聘英才</a></li>
                            <li><a href="#">联系我们</a></li>
                            <li><a href="#">网站合作</a></li>
                            <li><a href="#">法律声明</a></li>
                            <li><a href="#">隐私权政策</a></li>
                            <li><a href="#">知识产权</a></li>
                            <li><a href="#">康正举报</a></li>
                            <li><a href="#">不当竞争</a></li>
                        </ul>
                    </div>

                    <ul>
                        <li><a href="#">阿里集团</a></li>
                        <li><a href="#">淘宝网</a></li>
                        <li><a href="#">天猫</a></li>
                        <li><a href="#">聚划算</a></li>
                        <li><a href="#">全球速麦迪</a></li>
                        <li><a href="#">支付宝</a></li>
                        <li><a href="#">1688</a></li>
                        <li><a href="#">阿里妈妈</a></li>
                        <li><a href="#">飞猪</a></li>
                        <li><a href="#">阿里云计算</a></li>
                        <li><a href="#">AliOS</a></li>
                        <li><a href="#">阿里通信</a></li>
                        <li><a href="#">万网</a></li>
                        <li><a href="#">高德</a></li>
                        <li><a href="#">钉钉</a></li>
                    </ul>

                    <p><span>增说电信业务经营许可证：浙B2-20110446</span> <span>市场名称登记证：工商网市字3301004119号</span>
                        <span>出版物网络交易平台服务经营备案证：新出发浙备字第2019002号</span>
                    </p>
                    <p><span>互联网违法信息举报电话: 0571-81683755 blxxjb@alibaba-inc. com</span> <span>互联网药品信息服务资质证书编号:浙(经营性)
                            -2017-0005</span>
                        <span><img src="../images/hz.png" alt=""> 浙公网安备33010002000120号
                        </span>
                    </p>

                    <p><span>医疗器械网络交易服务第三方平台备案:(浙)网械平台备字[2018]第00002号</span> <span></span><span></span></p>

                    <p><span>浙江省网络食品销售第三方平台提供者备案:浙网食A33010002
                        </span> <span>12318举报</span>
                        <span>浙B2-20110446-1</span>
                    </p>
                    <p><span>&copy;2003-现在TMALL.COM版视所有</span></p>
                </div>
            </div>

        </div>
    </div>
</body>
</html>
<script src="../js/jquery.js"></script>
<script src="../js/lunbotu.js"></script>
<script src="../js/tool.js"></script>
<script>
    // function getGoodn() {
    //     $.get(
    //         "../images/php/getGoodsList.php",
    //         "typeId=001",
    //         function (data) {
    //             let stri = "";
    //             data.forEach(goods => {
    //                 stri += `<a href = '#'><img src = ${goods.goodsImg}></a>`;
    //             });
    //             $("#sty").html(stri)
    //         }
    //         , "json"
    //     )
    // }
    // $(function () {
    //     getGoodn();
    // })

    function getImg() {
        $.get(
            "../images/php/getGoodsList.php",
            "typeId=001",
            function (data) {
                let stri = "";
                data.forEach(goods => {
                    stri += `<a href = '#'><img src = ${goods.goodsImg}></a>`;
                });
                $("#syt").html(stri)
            }
            , "json"
        )
    }
    $(function () {
        getImg();
    })

   
</script>